<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>首页</title>
  <link rel="stylesheet" href="../css/default.css" />
  <link rel="stylesheet" href="../lib/swiper/swiper.min.css" />
  <link rel="stylesheet" href="../css/home.css" />
</head>

<body>
  <div class="home">
    <!-- 顶部搜索 -->
    <div class="search-box">
      <span class="icon"></span>
      <input class="input" type="text" placeholder="请输入内容搜索" />
    </div>
    <!-- end -->

    <!-- 轮播图 -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="../images/home/banner-1.png" width="100%" height="100%" alt="" />
        </div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
    </div>
    <!-- end -->

    <!-- 导航部分 -->
    <ul class="nav">
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-1.png" width="33" height="37" alt="" />
        </div>
        <p>作业布置</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-2.png" width="40" height="38" alt="" />
        </div>
        <p>班级考勤</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-3.png" width="36" height="36" alt="" />
        </div>
        <p>班级动态</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-2.png" width="37" height="38" alt="" />
        </div>
        <p>通知公告</p>
      </li>
      <p class="br"></p>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-5.png" width="40" height="22" alt="" />
        </div>
        <p>通知公告</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-6.png" width="40" height="38" alt="" />
        </div>
        <p>通知公告</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-7.png" width="46" height="46" alt="" />
        </div>
        <p>通知公告</p>
      </li>
      <li class="li">
        <div class="img-box">
          <img src="../images/home/nav-8.png" width="36" height="36" alt="" />
        </div>
        <p>通知公告</p>
      </li>
    </ul>
    <!-- nav -->

    <!-- 校园日志 -->
    <div class="log">
      <article class="pub-title-box">
        <p class="title title-log">校务日志</p>
        <p class="more">查看更多</p>
      </article>
      <div class="ul-box">
        <div class="pub-text-header pub-text-header-bg1">
          <p>值日教师：董日君</p>
          <p>周次：第一周</p>
          <p>星期二</p>
        </div>
        <ul class="ul">
          <li class="li">
            <p class="fx-shrink0 name">今日大事：</p>
            <div class="fx-1">
              <p>1：校委会布置各处室 工作，杨校长作 学校应急处理案例；</p>
              <p>2：下午各年级召开教师例会。</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">教学常规：</p>
            <div class="fx-1">
              <p>下午各年级组长检查教师常规。</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">班级管理：</p>
            <div class="fx-1">
              <p>1：卫生总体情况较好，就是七年级西边楼 梯未及打扫；</p>
              <p>2：候课：下午第一节课后检 查，情况较好。</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">食堂服务：</p>
            <div class="fx-1">
              <p>一切正常</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">宿舍管理：</p>
            <div class="fx-1">
              <p>一切正常</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">安全排查：</p>
            <div class="fx-1">
              <p>正常</p>
            </div>
          </li>
          <li class="li">
            <p class="fx-shrink0 name">教师考勤：</p>
            <div class="fx-1">
              <p>无</p>
            </div>
          </li>
        </ul>
        <div class="pub-bottom-time">
          <p class="text">2019-12-19&nbsp;&nbsp;10:36:20</p>
        </div>
      </div>
    </div>
    <!-- end -->

    <!-- 值日讲评 -->
    <div class="comment">
      <article class="pub-title-box">
        <p class="title title-comment">值日讲评</p>
        <p class="more">查看更多</p>
      </article>
      <div class="text-box">
        <div class="ul-box">
          <div class="pub-text-header pub-text-header-bg2">
            <p>值日教师：董日君</p>
            <p>周次：第一周</p>
            <p>星期二</p>
          </div>
          <ul class="ul">
            <li>
              1.从早上学生进入校门到下午放学，一整天的工作还是有序的。教师无迟到无早退现象。也许是刚开学，身体不适应，大家有点累。
            </li>
            <li>
              2.中午午休纪律很好，除个别班级在做练习外，其余都在午睡，很安静。教师在办公室躺着、趴着，都睡的很香。
            </li>
            <li>
              3.教师停放车辆都严格按学校要求进行，午餐工作也井然有序。
            </li>
          </ul>
          <div class="pub-bottom-time">
            <p class="text">2019-12-19&nbsp;&nbsp;10:36:20</p>
          </div>
        </div>
      </div>
      <!-- end -->
    </div>
    <!-- end -->

    <!-- 底部tabbar -->
    <footer class="tabbar">
      <div class="icon-box">
        <div class="icon icon-home icon-select"></div>
        <p>首页</p>
      </div>
      <div class="icon-box">
        <div class="icon icon-msg"></div>
        <p>消息</p>
      </div>
      <div class="icon-box">
        <div class="icon icon-mail"></div>
        <p>通讯录</p>
      </div>
      <div class="icon-box">
        <div class="icon icon-me"></div>
        <p>我的</p>
      </div>
    </footer>
    <!-- end -->
  </div>
  <!-- js -->
  <script src="../lib/swiper/swiper.min.js"></script>
  <script>
    var mySwiper = new Swiper('.swiper-container', {
      loop: true, // 循环模式选项

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        uniqueNavElements: true
      }
    })
  </script>
</body>

</html>